<template>
	<view>
		<!-- 第一部分头像 -->
		<view class="portrait">
			<view class="headimg" @click="toInform">
				<u-avatar class="Avatarimg" :src="src" :size="size"></u-avatar>
			</view>
			<view class="headname">
				管理员名称<image src="../../static/image/me/edit.png" mode=""></image>
			</view>
			<view class="headId">
				管理员
			</view>
		</view>
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item title="配送员"  hover-class="none" @click="toDistrbut">
					<u-image class="icon_img" width="34rpx" height="34rpx" slot="icon" shape="circle" src="../../static/image/me/Distributor.png"></u-image>
					<u-badge count="99" :absolute="false" slot="right-icon" v-show="false"></u-badge>
				</u-cell-item>
				<u-cell-item  title="管理员设置" hover-class="none" @click="toAdmin">
					<u-image class="icon_img" width="34rpx" height="34rpx" slot="icon" shape="circle" src="../../static/image/me/administrators.png"></u-image>
					<u-badge count="99" :absolute="false" slot="right-icon" v-show="false"></u-badge>
				</u-cell-item>
				<u-cell-item title="角色设置"  hover-class="none" @click="toAdminList">
					<u-image class="icon_img" width="34rpx" height="34rpx" slot="icon" shape="circle" src="../../static/image/me/administrators.png"></u-image>
					<u-badge count="99" :absolute="false" slot="right-icon" v-show="false"></u-badge>
				</u-cell-item>
				<u-cell-item title="平台信息" hover-class="none" @click="toPlatForm">
					<u-image class="icon_img" width="34rpx" height="34rpx" slot="icon" shape="circle" src="../../static/image/me/Platform.png"></u-image>
					<u-badge count="99" :absolute="false" slot="right-icon" v-show="false"></u-badge>
				</u-cell-item>
				<u-cell-item title="消息" hover-class="none" @click="toSystem">
					<u-image class="icon_img" width="34rpx" height="34rpx" slot="icon" shape="circle" src="../../static/image/me/news.png"></u-image>
					<u-badge count="12" :absolute="false" slot="right-icon" v-show="true"></u-badge>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: '',
				size:144
			}
		},
		onLoad() {
			
		},
		methods: {
			toInform:function(){
				uni.navigateTo({
					url:'personal/information'
				})
			},
			toDistrbut:function(){
				uni.navigateTo({
					url:'personal/Distributor'
				})
			},
			toAdmin:function(){
				uni.navigateTo({
					url:'personal/Administr'
				})
			},
			toAdminList:function(){
				uni.navigateTo({
					url:'personal/adminList'
				})
			},
			toPlatForm:function(){
				uni.navigateTo({
					url:'personal/Platform'
				})
			},
			toSystem:function(){
				uni.navigateTo({
					url:'personal/Systemmsg'
				})
			}
		}
	}
</script>

<style lang="scss">
.icon_img{
	margin-right: 23rpx;
}
.portrait{
	width:750rpx;
	height:320rpx;
	background:linear-gradient(267deg,rgba(45,170,252,1) 0%,rgba(91,188,252,1) 100%);
	text-align: center;
	border-top: 1rpx solid #2DAAFC;
	.headimg{
		margin-top: 40rpx;
		image{
			width: 144rpx;
			height: 144rpx;
			border-radius: 144rpx;
		}
	}
	.headname{
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
		margin: 30rpx auto 15rpx;
		image{
			width: 30rpx;
			height: 30rpx;
		}
	}
	.headId{
		width:100rpx;
		height:34rpx;
		background:rgba(255,255,255,1);
		opacity:0.7;
		border-radius:17rpx;
		font-size:20rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(1,153,254,1);
		margin: auto;
		line-height: 34rpx;
	}
}
.camera{
	width: 54px;
	height: 44px;
	
	&:active{
		background-color: #ededed;
	}
}
.user-box{
	background-color: #fff;
}
</style>
